<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="initial-scale=1.0">
    <title>Microblog</title>
    <link href="./style.css" rel="stylesheet" type="text/css" media="all">
    <link href="./timeline.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<div class="content"> 


<h1>A Microblog in Plain HTML</h1>

<div class = "row"> <div class = "column">
    <div class="profile">
        <img src="./images/avatar.jpg" alt="Avatar" class="avatar">
        <span class="handle">Your Name Here</span>
        <p><span class="email"><a href="mailto:user@host.tld">user@host.tld</a></span></p>
        <div class="bio">Description
            <h4>{postcount} total posts</h4>
            <h3>Tags</h3>
            <p>{tags}</p>
            <h3>Pages</h3>
            <p>{pages}</p>
        </div>
    </div>
</div>

    <div class = "timeline">
    {timeline}
    </div>
</div>

<center>
<a href="https://notabug.org/likho/microblog.py">microblog.py</a>
</center>

</div>
</body>
</html>
